<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>东方韵 中国丽人秀·深圳站</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="众测天下@zhongcetianxia.com">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-transform"/>
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link href="//cdn.bootcss.com/light7/0.4.3/css/light7.min.css" rel="stylesheet">
        <style type="text/css">
            html {
                font-size: 20px;
            }
            @media only screen and (max-width: 320px) {
                html {
                    font-size: 16px !important;
                }
            }
            @media only screen and (min-width: 375px) {
                html {
                    font-size: 18px !important;
                }
            }
            @media only screen and (min-width: 400px) {
                html {
                    font-size: 19.2px !important;
                }
            }
            @media only screen and (min-width: 414px) {
                html {
                    font-size: 19.872px !important;
                }
            }
            @media only screen and (min-width: 480px) {
                html {
                    font-size: 23.04px !important;
                }
            }
            img{max-width: 100%;}
            /*public*/
            .text-center{text-align: center;}
            .ai-top { -webkit-box-align: start!important; -webkit-align-items: flex-start!important; align-items: flex-start!important; }
            /*before after*/
            .before-no:before { height: 0!important; background-color: transparent!important }
            .after-no:after { height: 0!important; background-color: transparent!important }
            .b-no{border:0!important }
            .m-no { margin: 0!important; }
            .mt-no { margin-top: 0!important; }
            .r-sm { -moz-border-radius: 0.25rem!important; -webkit-border-radius: 0.25rem!important; border-radius: 0.25rem!important; overflow: hidden }
            .r-round { -moz-border-radius: 0.75rem!important; -webkit-border-radius: 0.75rem!important; border-radius: 0.75rem!important; overflow: hidden }
            .r-circle { -moz-border-radius: 50%!important; -webkit-border-radius: 50%!important; border-radius: 50%!important; overflow: hidden }
            .list-block > ul > li {border-bottom: 1px solid #f1f1f1;}
            .list-block > ul > li:last-child {border-bottom:0;}
            /*thumb*/
            .thumb-1x { width: 2.4rem }
            .thumb-2x { width: 3.2rem }
            .thumb-3x { width: 4.0rem }
            /*fixed*/
            .fixed-top { position: fixed; left: 0; top: 0; right: 0; z-index: 99 }
            .fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99 }
            .fixed-bottom~.content {bottom: 3.8rem;}
            /*color*/
            .color-white{color:#fff!important;}
            .color-grey { color: #ABABAB!important; }
            .color-main { color: #03AB9E!important; }
            .color-sub { color: #59BFFD!important; }
            .color-sub-dark { color: #2AAEEC!important; }
            .bg-grey { background-color: #f7f7f8!important; }
            .bg-dark{background-color: #999999!important;}
            .bg-white { background-color: #ffffff!important; }
            .bg-main{background-color:#02CFC1!important;}
            .bg-main-dark{background-color:#03AB9E!important;}
            .bg-main-light{background-color:#CCECFF!important;}
            .bg-sub{background-color: #59BFFD}
            .bg-sub-dark{background-color: #2AAEEC}
            .bg-sub-light{background-color: #59BFFD}
            /*font-size*/
            .fs-sm { font-size: 0.50rem!important; }
            .fs-0x { font-size: 0.65rem!important; }
            .fs-1x { font-size: 0.75rem!important; }
            .fs-2x { font-size: 0.95rem!important; }
            .fs-3x { font-size: 1.15rem!important; }
            /*text*/
            .text-nowrap-1x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-flex: 1; height: inherit; }
            .text-nowrap-2x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;-webkit-box-flex: 2; height: inherit; }
            .text-nowrap-3x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;-webkit-box-flex: 3; height: inherit; }
            .text-nowrap-4x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;-webkit-box-flex: 4; height: inherit; }
            .text-nowrap-5x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5;-webkit-box-flex: 5; height: inherit; }
            /*overwrite*/
            .content-padded{margin-left:0.75rem;margin-right: 0.75rem;}
            /*当前页*/
            .list-no-border{border:0!important;}
            .list-no-border .item-inner{border-bottom: 0!important}
            .list-block.list-no-border > ul > li {border-bottom: 0}
            .wrap-body{background-color: #fff;padding:0 0.75rem 0.75rem 0.75rem;-moz-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1);}
            .page > .content{background-color:#fff }
            /*popup*/
            .popup-header{position: relative;/*background-color: #59BFFD;color:#fff;*/color:#2CBAF5;height:2.4rem;line-height: 2.4rem;padding-left: 0.75rem;padding-right: 0.75rem;}
            .popup-header h3{font-size:0.8rem;}
            .popup-header .close-popup{position: absolute;right:0.55rem;top:0;font-size: 1.25rem;/*color:#fff;*/}
            /*popup*/
            .popup-body{padding:2.65rem 0.75rem 0.75rem 0.75rem;color: #8B4B23}
            a.close-popup{display: inline-block;width:1.25rem;max-width:100%;height:1.25rem;line-height:1.25rem;background: url("__PUBLIC__/widget/vote/images/xws/btn-close.png") bottom center no-repeat;background-size: 100% 100%;background-color: transparent;border:none!important;text-align: center;color: #fff;outline: none;color:#fff;}
            .modal-overlay, .popup-overlay, .preloader-indicator-overlay{background: rgba(0,0,0,.7);}
            /*icon*/
            .zc { width: 1.0rem; min-height: 1.0rem; display: inline-block; vertical-align: middle; background-size: 100% auto!important; }
            .zc-big{width: 1.2rem; min-height: 1.2rem;}
            .zc_clock {background: url("__PUBLIC__/widget/vote/images/icon_clock.png") center no-repeat;}
            /*button*/
            .btn-warning{display: inline-block;width:12.5rem;max-width:100%;height:2.25rem;line-height:2.25rem;background: url("__PUBLIC__/widget/vote/images/xws/btn-warning.png") bottom center no-repeat;background-size: 100% 100%;background-color: transparent;border:none!important;text-align: center;color: #fff;outline: none;}
            .btn-warning-md{display: inline-block;width:100%;max-width:100%;height:2.25rem;line-height:2.25rem;color: #fff;font-size: 1.1rem;background-color: #fc8f00; border: none;}
            .btn-warning-sm{font-size: 0.9rem;margin-top: 20%;display: inline-block;width:4.0rem;max-width:100%;height:1.8rem;line-height:1.8rem;background-color: #67abfe;border:none!important;text-align: center;color: #fff;outline: none; border-radius: 7px;}
            .action-block{margin-top: 1.0rem;margin-bottom: 0.3rem;}
            button.disabled{background-image: none;background-color:#EEEEEE;color:#aaa;-moz-border-radius: 0.5rem!important; -webkit-border-radius: 0.5rem!important; border-radius: 0.5rem!important; overflow: hidden }
            /*line-title*/
            .slogan{margin-left:1.55rem;margin-top:1.0rem;padding-bottom: 0.75rem;}
            .line{content:"";display:inline-block;width: 1.5rem;height: 0.05rem;background-color:#59BFFD;vertical-align: middle;}
            .line-title{margin-left: 0.5rem;margin-right: 0.5rem;}

            /*新卡片的样式*/
            .card{border-radius: 8px; height: 6rem}
            .card .card-content{
                height: 100%;
            }
            .card .card-content-inner{
                /*height: 100%;*/
            }
            .card .vote_product_title{
                padding-right: 0;
                padding-left: 0;
                font-size: 0.9rem;
            }
            .card .vote_product_btn{
                padding-left: 0;
                padding-right: 0;
            }
            .card .vote_product_votes{
                color:#fe28a2;
                font-size: 0.9rem;
            }
            .card .vote_product_votes_cn{
                color:#fe28a2;
                /*font-size: 0.9rem;*/
            }
            .card .vote_product_votes_slogan
            {
                font-size: 0.7rem;
            }

            .card .vote_product_votes_name{
                font-size: 0.9rem;
            }
            .card .vote_product_votes_num{
                color: #67abfe;
                width: 3.5rem;
                display: inline-flex;
            }
            .rank_number{
                -webkit-transform:rotate(45deg);
                font-size: 1rem;
                position: absolute;
                top:1.7rem;
                right:2rem;

            }

            @media screen and (max-width: 320px){
                .ribbon--corner--nw .ribbon{
                    top:-42px;
                }
            }
            
            @media screen and (max-width: 360px){
                .ribbon--corner--nw .ribbon{
                    top:-42px;
                }
                .card .vote_product_votes_num{
                    font-size: 0.7rem;
                    width:3.1rem;
                }
                .card .vote_product_votes_name{
                    font-size: 0.7rem;
                }
                .card .vote_product_votes_slogan{
                    margin-top: 0.6rem;
                }
            }

            .bar-tab{
                background-color: #fc8f00;
            }

            .btn-warning-share{top:10rem;position: relative;display: inline-block;width:30%;max-width:100%;height:2.25rem;line-height:2.25rem;color: #fff;font-size: 1.1rem;background-color: #fc8f00;border-radius: 10px;}
            .btn-warning-ranks{display: inline-block;width:90%;max-width:100%;height:2.25rem;line-height:2.25rem;color: #fff;font-size: 1.0rem; background-color: #67abfe; border: none; border-radius: 13px;}
            .btn-warning-votes{display: inline-block;width:90%;max-width:100%;height:2.25rem;line-height:2.25rem;color: #fff;font-size: 1.0rem;background-color: #ff60ee; border: none;border-radius: 13px;}
            .user-name{
                color:#ff6c61;
                top:-0.6rem;
                position: relative;
                width: 7rem;
                display: inline-flex;
            }
            .user-avatar{
                border-radius: 100%;
            }
            .vote-date{
                position: relative;
                top:0.6rem;
                color:#8a8a8a;
            }
            .vote-text{
                float: right;
                margin-right: 10px;
                position: relative;
                top:0.6rem;
                color:#8a8a8a;
            }
            .bar-header-secondary{
                top:0;
            }

            .bar{
                position: relative;
                background: url("/Public/widget/vote/images/vote/body_bg.png") center repeat-y;
                border-bottom: none;
            }
            .searchbar{
                background: transparent;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                height:3.0rem;
            }
            .bar .searchbar .searchbar-cancel{
                color: #fff;
                line-height: 1.8rem;
            }
            .searchbar .search-input input{
                height: 1.8rem;
            }
            .search-input input{
                border:none;
            }
            .button.button-fill{
                height: 1.8rem;
                line-height: 1.8rem;
            }
            #search{
                padding-left: 1.5rem;
            }

        </style>
    </head>
    <body>
        <div class="page">
            <div class="content"> 
                {$vote_topic.rules|htmlspecialchars_decode}

                
            </div>

        </div>



        <script type="text/javascript" src="//cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
        <!--<script type="text/javascript">$.config = {router: false}</script>-->
        <script src="//cdn.bootcss.com/light7/0.4.3/js/light7.min.js"></script>
        <script type="text/javascript">$.init();</script>
        <script type="text/javascript">
            $("#search_btn").click(function () {
                    $("#myform").submit();
                });
        </script>
        <!--微信分享-->
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script>
            //分享

            wx.config({
                debug: false,
                appId: '{$signPackage["appId"]}',
                timestamp: {$signPackage["timestamp"]},
                nonceStr: '{$signPackage["nonceStr"]}',
                signature: '{$signPackage["signature"]}',
                jsApiList: [
                    // 所有要调用的 API 都要加到这个列表中
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage'
                ]
            });
            wx.ready(function () {
                // 在这里调用 API
                wx.onMenuShareTimeline({
                    title: '{$wx_share.timeline_title}', // 分享标题
                    desc: '{$wx_share.desc}', // 分享描述
                    link: "{$wx_share.link}", // 分享链接
                    imgUrl: "{$wx_share.logo}", // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数，生成红包

                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                wx.onMenuShareAppMessage({
                    title: '{$wx_share.title}', // 分享标题
                    desc: '{$wx_share.desc}', // 分享描述
                    link: "{$wx_share.link}", // 分享链接
                    imgUrl: "{$wx_share.logo}", // 分享图标
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数

                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            });

        </script>
    </body>
</html>